<div *ngIf="visible">
  <form nz-form [formGroup]="filterForm" class="ant-advanced-search-form">
    <div nz-row [nzGutter]="40">
      <div nz-col [nzSpan]="16">
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSpan]="5">
            <label [attr.for]="keys">关键字</label>
          </div>
          <div nz-form-control nz-col [nzSpan]="19">
            <nz-input [nzSize]="large" [nzPlaceHolder]="placeholder" formControlName="keys" [nzId]="keys"></nz-input>
          </div>
        </div>
      </div>
      <div nz-col [nzSpan]="8" style="text-align: right;">
        <!--<button nz-button [nzType]="'primary'" (click)="flushData()">Search</button>-->
        <button nz-button [nzType]="'primary'" (click)="onSearch.emit({params:getParams()})">search</button>
        <button nz-button (click)="resetFilterForm()">Clear</button>
        <a style="margin-left:8px;font-size:12px;" (click)="_toggleCollapse()">
          Collapse
          <i class="anticon" [class.anticon-down]="!isCollapse" [class.anticon-up]="isCollapse"></i>
        </a>
      </div>
    </div>
    <div nz-row [nzGutter]="40" *ngIf="isCollapse">
      <div nz-col [nzSpan]="8">
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSpan]="5">
            <label [attr.for]="code">开发方案代码</label>
          </div>
          <div nz-form-control nz-col [nzSpan]="19">
            <nz-input formControlName="code" [nzPlaceHolder]="'请输入开发方案代码'"></nz-input>
          </div>
        </div>
      </div>
      <div nz-col [nzSpan]="8">
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSpan]="5">
            <label [attr.for]="name">中文名称</label>
          </div>
          <div nz-form-control nz-col [nzSpan]="19">
            <nz-input formControlName="name" [nzPlaceHolder]="'请输入中文名称'"></nz-input>
          </div>
        </div>
      </div>
      <div nz-col [nzSpan]="8">
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSpan]="5">
            <label [attr.for]="des">描述</label>
          </div>
          <div nz-form-control nz-col [nzSpan]="19">
            <nz-input formControlName="des" [nzPlaceHolder]="'请输入描述'"></nz-input>
          </div>
        </div>
      </div>
      <div nz-col [nzSpan]="8">
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSpan]="5">
            <label [attr.for]="type">方案类型</label>
          </div>
          <div nz-form-control nz-col [nzSpan]="19">
            <nz-input formControlName="type" [nzPlaceHolder]="'请输入方案类型'"></nz-input>
          </div>
        </div>
      </div>
    </div>
  </form>
</div>
